<template>
    <div>
        <table>
            <tbody>
                <tr>
                    <td style="width: 80px;">
                        <div style="width: 50px; height: 30px; background-color: rgb(40, 40, 40); border: 1px solid rgb(30, 30, 30); border-radius: 30px;" class="center mcp">
                            <img src="/assets/ico/top/moon.png" style="margin-left: 20px;"/>
                        </div>
                    </td>
                    <td style="width: 80px;">
                        <div style="width: 80px; height: 30px; background-color: rgb(39, 32, 1); border: 1px solid rgb(30, 30, 30); border-radius: 7px; cursor: pointer; margin-right: 20px;" class="center">
                            <img src="/assets/ico/top/like.png" style="margin-left: -5px;"/><span style="font-size: 14px; margin-left: 5px; color: rgb(255, 210, 16)">喜爱</span>
                        </div>
                    </td>
                    <td style="width: 80px;">
                        <div style="width: 80px; height: 30px; background-color: rgb(39, 32, 1); border: 1px solid rgb(30, 30, 30); border-radius: 7px; cursor: pointer; margin-right: 20px;" class="center">
                            <img src="/assets/ico/top/notice.png" style="margin-left: -5px;"/><span style="font-size: 14px; margin-left: 5px; color: rgb(255, 210, 16)">通知</span>
                        </div>
                    </td>
                    <td style="width: 80px;">
                        <div style="width: 80px; height: 30px; background-color: rgb(39, 32, 1); border: 1px solid rgb(30, 30, 30); border-radius: 7px; cursor: pointer; margin-right: 20px;" class="center">
                            <img src="/assets/ico/top/message.png" style="margin-left: -5px;"/><span style="font-size: 14px; margin-left: 5px; color: rgb(255, 210, 16)">消息</span>
                        </div>
                    </td>
                    <td style="width: 80px;">
                        <div class="center">
                            <img src="/assets/ico/top/head.png"/>
                            <span class="ml5">MaxRike</span>
                            <img src="/assets/ico/top/diamond.png" class="ml5"/>
                            <img src="/assets/ico/top/head_sub.png" class="ml5"/>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script>
    export default {
        name: "MainTop"
    }
</script>

<style scoped>
</style>
